<template>
  <Layout>
    <div data-v-da896d1e="" class="container">
      <div data-v-da896d1e="" class="journal-hero">
        <h1 data-v-da896d1e="" class="journal-header">
          a wise person once said...
        </h1>
      </div>
    </div>
    <g-link v-for="journal in journals" :key="journal.node.id"
      data-v-da896d1e=""
      :to="'/journal/'+journal.node.name + '/'"
      class="journal-post"
      ><div data-v-da896d1e="" class="container journal">
        <h2 data-v-da896d1e="" class="journal-title">
          {{journal.node.title}}
        </h2>
        <p data-v-da896d1e="" class="journal-excerpt">
          {{journal.node.subtitle}}
        </p>
      </div></g-link>
  </Layout>
</template>
<page-query>
query{
  journals: allStrapiJournal {
    edges{
      node{
        id
        name
        title
        subtitle
        author
        created_at
        time
        content
      }
    }
  }
}
</page-query>
<script>
export default {
  name: "JournalPage",
  metaInfo: {
    title: "JournalPage",
  },
  computed: {
    journals() {
      return this.$page.journals.edges
    }
  }
};
</script>

<style>
</style>